<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>{$title}</title>

    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>

    <link href="__PUBLIC__/basic/css/demo.css" rel="stylesheet" type="text/css"/>


    <!--必要样式-->
    <style>
        body{
            /*background: url("{$specGoods.image2}");*/
            /*background-size:  100%;*/
        }


         .am-modal-no-btn .am-modal-dialog{
             border-radius: 10px;
         }
        .am-modal-hd{
            font-size: 18px;
            font-weight: bold;
        }

        .am-modal-bd .modal-content{
            line-height: 20px;
            display: inline-block;
            font-size: 15px;
            letter-spacing: 1px;
        }
        .off-btn{
            display: inline-block;
            font-size: 16px;
            margin: 10px auto;
            border: 1px solid #D8D8D8;
            color: #666666;
            width: 100px;
            height: 30px;
            line-height: 28px;
            margin-right: 20px;
        }
        .on-btn{
            display: inline-block;
            width: 100px;
            font-size: 16px;
            margin: 10px auto;
            border: 1px solid #FFAD01;
            color: #FFFFFF;
            background: #FFAD01;
            height: 30px;
            line-height: 28px;
        }
        .get {
            font-size: 24px;
            font-weight: bold;
            color: #FFAD01;
            border: 2px #fff solid;
            padding: 10px 15px;
            border-radius: 5px;
            -webkit-box-shadow: 0 0 10px #ffad01;
            -moz-box-shadow:0 0 10px #ffad01;
            box-shadow: 0 0 10px #ffad01;
            text-shadow: 0 0 5px #fff;
        }
    </style>

</head>
<include file="Public:wechat_share" />
<body>
<div width="100%">
    <img  src="{$specGoods.image2}" width="100%" style="height: auto;">
</div>
<div class="am-g am-text-center" style="position: fixed;bottom: 50px;">
    <!--<img src="__PUBLIC__/new_images/confirm.png" style="" alt="">-->
    <!--<a onclick="modelSpecGoods()"  class="get" >确认领取</a>-->


    <a onclick="modelSpecGoods()"   ><img src="__PUBLIC__/new_images/confirm.png" style="" alt=""></a>
</div>
<!--   <div class="am-u-sm-4 am-padding-0"><a href="#" class="goset" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0, width: 280, height: 140}">结算</a>
   </div>-->

<input type="hidden" name="goods_id"  value="{$specGoods.id}">
<!--弹出框-->
<div class="am-modal am-modal-no-btn" tabindex="-1" id="doc-modal-1" >
    <div class="am-modal-dialog" style="width: 280px;height: 170px;border-radius: 5px;">
        <div class="am-modal-hd">提示
            <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
        </div>
        <div class="am-modal-bd">
            <div class="am-u-sm-12 am-text-left">
                <span class="modal-content">{$specGoods.content}</span>
            </div>
            <div class="am-u-sm-12" style="margin-top: 10px">
                <a href="#"><span class="off-btn" style="border-radius: 5px;" onclick="window.location.href='__APP__/Home/Goods/introduction/?goods_id=66'"  data-am-modal-close>{$specGoods.action_1}</span></a>
                <a href="#"><span class="on-btn" style="border-radius: 5px;" onclick="window.location.href='__APP__/Home/Goods/onplace?id={$specGoods.id}'" data-am-modal-close>{$specGoods.action_2}</span></a>
            </div>
        </div>
    </div>
</div>
<script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
<script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
<script src="__PUBLIC__/js/global.js"></script>
<script src="__PUBLIC__/layer/layer.js"></script>
<script type="text/javascript">


    function modelSpecGoods(){

            $('#doc-modal-1').modal();

    }

    function  takeSpecGoods(){

        var form = document.createElement("form");
   /*     form.method = "post";
        form.action = "__APP__/Home/ShopCart/shop2";*/
        form.id='goods_detail';
        form.style.display = 'none';

        var goods_id = document.createElement("input");
        goods_id.name = "goods_id";
        goods_id.value = $("[name=goods_id]").val();

        var type = document.createElement("input");

        type.name = "type";
        type.value = 3;

        form.appendChild(goods_id);
        form.appendChild(type);

        document.body.appendChild(form);

        var formData = new FormData(document.getElementById('goods_detail'));

        $.ajax({
            type:"post",
            url:"__APP__/Home/ShopCart/shop2",
            data : formData,
            processData: false,
            contentType: false,
            error:function (data) {
                console.info(data);
                layer.msg('服务器繁忙');

            },
            success:function (data) {

                console.info(data);
                layer.msg(data.msg);
                if(data.status >= 0){

                    window.location.href = 'http://www.jipintc.com/Home/ShopCart/shop3?order_id=' + data.order_id;

                }

            }
        });
    }



</script>

</body>
</html>